<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        .father{
            /* color属性有继承性 */
            /* 理论上来说：a标签也能继承性，测试发现a标签颜色没有变化 */
            color: gold;

            /* fs也有继承性 */
            font-size: 18px;

            /* border是没有继承性的 */
            border: 1px solid red;
        }
        .father a{
            color: skyblue;
        }
        .father h1{
            font-size: 18px;
        }

        .father2{
            border: 1px solid blue;
        }
        .father2 p{
            /* 强制继承，基本上不用 */
            /* 你可以在其它浏览器中测试一下 */
            /* border: inherit; */
            border: inherit;
        }
    </style>
</head>
<body>
    <div class="father">
        <div class="son">
            <!-- 如果你要改变a标签的颜色，需要选中a标签 -->
            <!-- 选中a标签，给a标签设置的颜色，优先级是高于默认样式的颜色 -->
            <a href="#">我是一个孤独的A标签</a>
            <hr>
            <h1>我是一个孤独的H1标签</h1>
            <hr>
            <p>我是一个P标签</p>
        </div>
    </div>

    <div class="father2">
        <p>我是一个P标签</p>
    </div>


</body>
</html>